@CHARSET "UTF-8";
/*全局设置*/
*{margin:0;padding:0;border:0;}
#background 
{ 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #D8E8FF; 
    display:none\8;
} 
#background .bg-photo 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
} 

#background .bg-photo-1 
{ 
    background: url('../image/01-login-back.png') no-repeat center center;
} 

#background-ie { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #D8E8FF;
}


/*公司logo层设置*/
.gslogo{
	width:25%;
	height:100px;
	margin:0 auto;
	margin-top:10%;	
	}
	/*公司logo图片设置*/
.gslogo img{
	width:100%;
	height:85%;
	margin:0 auto;
	position:relative;
/*移动动画设置*/
	animation:mymove 1s ;
	-moz-animation:mymove 1s ; /* Firefox */
	-webkit-animation:mymove 1s ; /* Safari and Chrome */
	-o-animation:mymove 1s ; /* Opera */
}
/*登录表格设置*/
.content{
	background-color:#fff;
	width:30%;
	padding:10px 0;
	margin:10px auto;
	border:1px solid #eee;
	border-radius:5px;
	position:relative;
	/*移动动画设置*/
	animation:mymove 1s ;
	-moz-animation:mymove 1s ; /* Firefox */
	-webkit-animation:mymove 1s ; /* Safari and Chrome */
	-o-animation:mymove 1s ; /* Opera */
	
	
}
  
		@keyframes mymove
		{
			0%{top:120px;}				
			100%{top:0px;}
		}

		@-moz-keyframes mymove /* Firefox */
		{
			0%{top:120px;}						
			100%{top:0px;}
		}

		@-webkit-keyframes mymove /* Safari and Chrome */
		{
			0%{top:120px;}					
			100%{top:0px;}
		}

		@-o-keyframes mymove /* Opera */
		{
			
			0%{top:120px;}					
			100%{top:0px;}
		}


/*标题格式*/
.name , .content-input{
	text-align:center;
	padding:1%;
	margin-top:2%;
}
/*用户名框格式*/
.user{
	width:55%;
	margin:0 auto;
	overflow:hidden;
	padding:2%;
}
/*用户图标格式设置*/
.icon-user {
		background-image:url(../image/01-login-user.png);
		background-color:#fff;
		background-repeat:no-repeat;
		background-position: 3px 4px;
		background-size: 70% 70%;
		width:30px;
		height:30px;
		float:left;
			}
.content-input .logo-user{	
	border:solid 1px #ddd;
	width:77%;
	text-align:left;
	margin-bottom:2%;
	border-radius:5px;
	background-color:#eee;
	float:left;
}
.pwd{
	width:55%;
	margin:0 auto;
	overflow:hidden;
	padding:2%;	
}
.icon-pwd {
		background-image:url(../image/01-login-pwd.png);
		background-color:#fff;
		background-repeat:no-repeat;
		background-position:5px 3px;
		background-size: 64% 69%;
		width:30px;
		height:30px;
		float:left;		
			}
.content-input .logo-pwd{	
	border:solid 1px #ddd;
	width:77%;
	margin-bottom:2%;
	border-radius:5px;
	background-color:#eee;
	float:left;	
}
.user  input{background-color:#eee;padding:2%;width:83%;}
.pwd input{background-color:#eee;padding:2%;width:95%;}
/*记住用户名设置*/
input[type="checkbox"] {
  -webkit-appearance: none;  /*清除复选框默认样式*/
  border:1px solid #108ee9;
  height: 15px;   /*高度*/
  vertical-align: middle;
  width: 15px;
}
.remember{
	width:55%;
	margin:0 auto;
	font-family:arial,sans-serif;
	font-size:100%;
	line-height:center;
	margin-top:1%;
	position:relative;
}
.remember .remember-user {
	padding:0.5%;
	position:absolute;
	left:0;
	margin-top:1%;	
}
.remember .remember-pwd {
	padding:0.5%;
	position:absolute;
	right:0;
	margin-top:1%;	
}
input[type="checkbox"]:checked {	
    background-color:#108ee9;   /*复选框的背景色*/	
}
input[type="checkbox"]:after{
	content:"√";	
	color:#fff;
}
.sign-in{
	width:50%;
	margin-top:8%;
	padding:1%;
	background-color:#19f;
	border:1px solid #19f;
	border-radius:5px;
}
/*对用户名和密码判断格式设置*/
.frred{clear:both;color:#FF0000; font-size:12px; margin-bottom:10px;font-weight:800;}
.fgren{color:#fff; font-size:14px;float:right;padding:0 1.5%;
		font-weight:800;border-radius:50%;background-color:#339933;}
/*页尾*/
#background .bg-photo-1 {
	position:relative;
}
.footer {
	width:100%;
	margin:0 auto;
	margin-top:11%;
	color:#fff;
	font-size:12px;
	font-weight:900;
}
pre{
	text-align:center;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	}